import QtQuick 2.0

Rectangle{
    width: 400; height: 150
    color: "grey"

    property string firstTitle:"VOLUMN1:"
    property string secondTitle: "VOLUMN2:"
    Rectangle{
        id: upLabel
        height: upVolumn.height
        width: 60
        anchors.verticalCenter: upVolumn.verticalCenter
        anchors.right: upVolumn.left
        anchors.rightMargin: 20
        color: parent.color
        Text {
            anchors.right: parent.right
            anchors.verticalCenter: parent.verticalCenter
            text: firstTitle
            font { family: "source code pro"; pixelSize: 16; bold: true}
        }
    }
    Rectangle{
        id: downLabel
        height: downVolumn.height
        width: 60
        anchors.verticalCenter: downVolumn.verticalCenter
        anchors.right: downVolumn.left
        anchors.rightMargin: 20
        color: parent.color
        Text {
            anchors.right: parent.right
            anchors.verticalCenter: parent.verticalCenter
            text: secondTitle
            font { family: "source code pro"; pixelSize: 16; bold: true}
        }
    }

    Volumne{
        id: upVolumn
        width: 260; height: 50
        anchors.top: parent.top
        anchors.topMargin: 10
        anchors.right: parent.right
        anchors.rightMargin: 10
    }
    Volumne{
        id: downVolumn
        width: 260; height: 50
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 10
        anchors.right: parent.right
        anchors.rightMargin: 10
    }
}

